<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米官网</title>
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!-- 头部 -->
    <header>
        <ul class="wrapper">
            <li>小米网</li>
            <li>MIUI</li>
            <li>米聊</li>
            <li>游戏</li>
            <li>多看阅读</li>
            <li>云服务</li>
            <li>小米网移动版</li>
            <li>问题反馈</li>
            <li>Select Region</li>
        </ul>
    </header>
    <!-- 导航 -->
    <div class="wrapper  tou">
        <img src="./images/logo.png" alt="">
        <img src="./images/new.gif" alt="">
        <ul>
            <li>小米手机</li>
            <li>红米</li>
            <li>平板</li>
            <li>电视</li>
            <li>盒子 · 影音</li>
            <li>路由器</li>
            <li>智能硬件</li>
            <li>服务</li>
            <li>社区</li>
        </ul>
    </div>
    <!-- 轮播图 -->
    <div class="wrapper lbt">
        <ul>
            <li>
                <p>手机 平板 电话卡</p><a href="#"><img src="./images/right.png" alt=""></a>
            </li>
            <li>
                <p>电视 盒子</p><a href="#"><img src="./images/right.png" alt=""></a>
            </li>
            <li>
                <p>路由器 智能硬件</p><a href="#"><img src="./images/right.png" alt=""></a>
            </li>
            <li>
                <p>移动电源 插线板</p><a href="#"><img src="./images/right.png" alt=""></a>
            </li>
            <li>
                <p>耳机 音箱</p><a href="#"><img src="./images/right.png" alt=""></a>
            </li>
            <li>
                <p>电池 存储卡</p><a href="#"><img src="./images/right.png" alt=""></a>
            </li>
            <li>
                <p>保护套 后盖</p><a href="#"><img src="./images/right.png" alt=""></a>
            </li>
            <li>
                <p>贴膜 其他配件</p><a href="#"><img src="./images/right.png" alt=""></a>
            </li>
            <li>
                <p>米兔 服装</p><a href="#"><img src="./images/right.png" alt=""></a>
            </li>
            <li>
                <p>箱包 其他周边</p><a href="#"><img src="./images/right.png" alt=""></a>
            </li>
        </ul>
        <img class="img" src="./images/banner.png" alt="">
    </div>
    <!-- 图片 -->
    <div class="wrapper main">
        <div>
            <p>我就是一个空色快</p>
            <p>一言不合就这么任性</p>
        </div>
        <img src="./images/pro1.png" alt="">
        <img src="./images/pro2.png" alt="">
        <img src="./images/pro3.png" alt="">
    </div>
    <!-- 智能硬件 -->
    <main>
        <div class="wrapper m1">
            <p>智能硬件</p>
            <p>查看全部</p>
        </div>
        <ul class="wrapper m2">
            <li>
                <img class="mimg" src="./images/girl.jpg" alt="">
            </li>
            <li>
                <div>
                    <h6 class="ppp">免邮费</h6>
                    <img src="./images/d1.jpg" alt="">
                    <h4>小米路由器3</h4>
                    <p>四天线设计，更安全更稳定</p>
                    <h5>149元</h5>
                </div>
                <div>
                    <img src="./images/d5.jpg" alt="">
                    <h4>Yeelight床头灯</h4>
                    <p>触摸式操作，给卧室1600万种颜色</p>
                    <h5>249元</h5>
                </div>
            </li>
            <li>
                <div>
                    <img src="./images/d2.jpg" alt="">
                    <h4>米家 LED 智能台灯</h4>
                    <p>无可视频闪，亮度色温无级调节</p>
                    <h5>169元</h5>
                </div>
                <div>
                    <img src="./images/d6.jpg" alt="">
                    <h4>小米空气净化器2</h4>
                    <p>10分钟，房间空气焕然一新</p>
                    <h5>699元</h5>
                </div>
            </li>
            <li>
                <div>
                    <h6 class="ppp">免邮费</h6>
                    <img src="./images/d3.jpg" alt="">
                    <h4>小米净水器 厨下式</h4>
                    <p>RO反渗透直出纯净水，包邮包安装</p>
                    <h5>1999元</h5>
                </div>
                <div>
                    <h6 class="hhh">享九折</h6>
                    <img src="./images/d7.jpg" alt="">
                    <h4>小米智能安防套装</h4>
                    <p>智能警戒，为您的家增添一份安心</p>
                    <h5>169元 <span style="color: rgb(128, 131, 131);"> 188元</span></h5>
                </div>
            </li>
            <li>
                <div>
                    <img src="./images/d4.jpg" alt="">
                    <h4>小蚁智能摄像机 夜视版</h4>
                    <p>能看能听能说，手机远程观看</p>
                    <h5>149元</h5>
                </div>
                <div>
                    <img src="./images/d8.jpg" alt="">
                    <h4>米家iHealth血压计</h4>
                    <p>爸妈上手就会用的智能血压计</p>
                    <h5>399元</h5>
                </div>
            </li>
        </ul>
    </main>
    <!-- 关羽 -->
    <footer>
        <div class="wrapper ff">
            <ul>
                <li>
                    <h5>帮助中心</h5>
                    <p>账户管理</p>
                    <p>购物指南</p>
                    <p>订单操作</p>
                </li>
                <li>
                    <h5>服务支持</h5>
                    <p>售后政策</p>
                    <p>自助服务</p>
                    <p>相关下载</p>
                </li>
                <li>
                    <h5>线下门店</h5>
                    <p>小米之家</p>
                    <p>服务网点</p>
                    <p>零售网点</p>
                </li>
                <li>
                    <h5>关于小米</h5>
                    <p>了解小米</p>
                    <p>加入小米</p>
                    <p>联系我们</p>
                </li>
                <li>
                    <h5>关注我们</h5>
                    <p>新浪微博</p>
                    <p>小米部落</p>
                    <p>官方微信</p>
                </li>
                <li>
                    <h5>特色服务</h5>
                    <p>F 码通道</p>
                    <p>小米移动</p>
                    <p>防伪查询</p>
                </li>
            </ul>
            <div>
                <h4>400-100-5678</h4>
                <p>周一至周日 8:00-18:00</p>
                <p>（仅收市话费）</p>
            </div>
        </div>

    </footer>
    <!-- 小米网 -->
    <div class="wrapper ddi">
        <img src="./images/logo.png" alt="">
        <ul>
            <li>
                小米网 | MIUI | 米聊 | 多看书城 | 小米路由器 | 视频电话 | 小米后院 | 小米天猫店 | 小米淘宝直营店 | 小米网盟 | 问题反馈 | Select Region
            </li>
            <li>
                @mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号</li>
            <li>
                违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
            </li>
        </ul>
    </div>
    <h1>探索黑科技，小米为发烧而生!</h1>
</body>

</html>